<%--
  Created by IntelliJ IDEA.
  User: apple
  Date: 2018/4/22
  Time: 上午11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="public-content" id="apply-record">
    <div id="process_line" style="margin: 50px 0 30px 150px"></div>
    <%--<script type="text/x-handlebars-template" id="process_line_tpl2">
        <div class="top-exam">
			<span class="big-circle" style="background-color:#92d598">
				<div style="margin-top: 38px">&lt;%&ndash;{{this.[0].ACT_NAME_}}&ndash;%&gt;开始</div>
			</span>
            {{#each nodeList}}
            &lt;%&ndash;{{#IF_NEQ @index 0}}&ndash;%&gt;
            <span class="line-circle">
				<span class="exam-line" {{#IF_EQ type 1}}style="background-color:#92d598" {{/IF_EQ}}{{#IF_EQ type 2}}style="background-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="background-color:#e55a5b"{{/IF_EQ}}></span>
            <span class="exam-circle" {{#IF_EQ type 1}}style="border-color:#92d598" {{/IF_EQ}}{{#IF_EQ type
            2}}style="border-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="border-color:#e55a5b"{{/IF_EQ}}>
            <span class="red-arrow" {{#IF_EQ type 1}}style="display:block;border-top-color:#92d598" {{/IF_EQ}}{{#IF_EQ
            type 2}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type
            4}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}></span>
            </span>
            <span class="exam-word" {{#IF_EQ type 1}}style="color:#fff;background-color:#92d598" {{/IF_EQ}}{{#IF_EQ type
            2}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type
            4}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}>{{node_name}}</span>
            <span class="exam-name">{{#if real_name}}{{real_name}}{{else}}待处理{{/if}}</span>
            </span>
            &lt;%&ndash;{{/IF_NEQ}}&ndash;%&gt;
            {{/each}}
            <span class="line-circle">
				<span class="exam-line" {{#IF_EQ lastOne.type 1}}style="background-color:#92d598" {{/IF_EQ}}{{#IF_EQ lastOne.type 4}}style="background-color:#e55a5b"{{/IF_EQ}}></span>
            <span class="exam-circle" {{#IF_EQ lastOne.type 1}}style="border-color:#92d598" {{/IF_EQ}}{{#IF_EQ
            lastOne.type 4}}style="border-color:#e55a5b"{{/IF_EQ}}>
            <span class="red-arrow" {{#IF_EQ lastOne.type 1}}style="display:block;border-top-color:#92d598" {{/IF_EQ}}{{#IF_EQ
            lastOne.type 4}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}></span>
            </span>
            <span class="exam-word" {{#IF_EQ lastOne.type 1}}style="color:#fff;background-color:#92d598" {{/IF_EQ}}{{#IF_EQ
            lastOne.type 4}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}>结束</span>
            &lt;%&ndash;<span class="exam-name">{{#if real_name}}{{real_name}}{{else}}待处理{{/if}}</span>&ndash;%&gt;
            </span>
        </div>
    </script>--%>
    <script type="text/x-handlebars-template" id="process_line_tpl2">
        <div class="top-exam" style="height:160px">
            <span class="line-circle" style="margin-left: 0; width: 0%;">
                <span class="exam-circle" style="border:none; background-color: #1c80f1"></span>
                <span class="exam-name" style="left: -28px; bottom: -8px">开始</span>
            </span>
            {{#each nodeList}}
            <span class="line-circle" style="margin-left: 0; width: 15%;;">
            <span class="exam-line" style="background-color:#bfbfbf;height:2px; {{#IF_EQ type 1}}background-color:#1c80f1;height:4px;{{/IF_EQ}}{{#IF_EQ type 2}}background-color:#e22b44; height:2px"{{/IF_EQ}}"></span>
            <span class="exam-circle"
                  style="border: none; background-color:#bfbfbf; width: 10px; height: 10px;{{#IF_EQ type 1}}background-color: #1c80f1; width: 10px; height: 10px;{{/IF_EQ}}{{#IF_EQ type 0}}background-color:#bfbfbf; width: 10px; height: 10px;{{/IF_EQ}}{{#IF_EQ type 2}}background-color: #e22b44;width: 15px; height: 15px;{{/IF_EQ}}{{#lastStepIsRefused ../this @index}}background-color: #e22b44;{{/lastStepIsRefused}}{{#if isDisplay}}width: 15px; height: 15px; font-weight: bold;{{/if}}">
                {{#if DURATION_}}
            <span class="exam-word">
                <div style="display: inline-block;">
                <div class="exam-word-name" style="font-weight: bold">{{real_name}}</div>
                <div class="exam-word-duration">耗时{{DURATION_}}</div>
                </div>
                <div class="exam-word-status"><span class="exam-word-status-circle"></span>{{#IF_EQ type 1}}{{#if isDisplay}}未响应{{else}}已通过{{/if}}{{/IF_EQ}}{{#IF_EQ type 2}}被退单{{/IF_EQ}}{{#IF_EQ type 4}}被拒绝{{/IF_EQ}}</div>
            </span>
            {{/if}}
            </span>
            <span class="exam-name" style="font-size: 16px;color: #666666;{{#if isDisplay}}font-weight: bold;{{/if}}">{{node_name}}</span>
            <span class="exam-name" style="bottom: -42px; color: #999999;">{{real_name}}</span>
            <span class="exam-name" style="bottom: -90px;{{#if isRetrial}}{{#if isDisplay}}{{/if}}{{/if}}
    color: #999999;
    white-space: initial;
    width: 92px;
    line-height: 20px;
    font-size: 14px">{{creat_time}}{{#if isRetrial}}{{#if isDisplay}}<a class="call" style="cursor: pointer"
                                                                       data-user_id="{{user_id}}">催一下</a>{{/if}}{{/if}}</span>
            </span>
            {{/each}}
        </div>
    </script>
    <%--<script type="text/x-handlebars-template" id="process_line_tpl">
        <div class="top-exam">
            <span class="big-circle" style="background-color:#92d598">
                <div style="margin-top: 38px">&lt;%&ndash;{{this.[0].ACT_NAME_}}&ndash;%&gt;开始</div>
                </span>
                {{#each flowList}}
                &lt;%&ndash;{{#IF_NEQ @index 0}}&ndash;%&gt;
                <span class="line-circle">
                    <span class="exam-line" {{#IF_EQ type 1}}style="background-color:#92d598"{{/IF_EQ}}{{#IF_EQ type 2}}style="background-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="background-color:#e55a5b"{{/IF_EQ}}></span>
                <span class="exam-circle" {{#IF_EQ type 1}}style="border-color:#92d598"{{/IF_EQ}}{{#IF_EQ type 2}}style="border-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="border-color:#e55a5b"{{/IF_EQ}}>
                <span class="red-arrow" {{#IF_EQ type 1}}style="display:block;border-top-color:#92d598"{{/IF_EQ}}{{#IF_EQ type 2}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}></span>
                </span>
                <span class="exam-word" {{#IF_EQ type 1}}style="color:#fff;background-color:#92d598"{{/IF_EQ}}{{#IF_EQ type 2}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}{{#IF_EQ type 4}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}>{{node_name}}</span>
                <span class="exam-name">{{#if real_name}}{{real_name}}{{else}}待处理{{/if}}</span>
                </span>
                &lt;%&ndash;{{/IF_NEQ}}&ndash;%&gt;
                {{/each}}
                <span class="line-circle">
                    <span class="exam-line" {{#IF_EQ lastOne.type 1}}style="background-color:#92d598"{{/IF_EQ}}{{#IF_EQ lastOne.type 4}}style="background-color:#e55a5b"{{/IF_EQ}}></span>
                <span class="exam-circle" {{#IF_EQ lastOne.type 1}}style="border-color:#92d598"{{/IF_EQ}}{{#IF_EQ lastOne.type 4}}style="border-color:#e55a5b"{{/IF_EQ}}>
                <span class="red-arrow" {{#IF_EQ lastOne.type 1}}style="display:block;border-top-color:#92d598"{{/IF_EQ}}{{#IF_EQ lastOne.type 4}}style="display:block;border-top-color:#e55a5b"{{/IF_EQ}}></span>
                </span>
                <span class="exam-word" {{#IF_EQ lastOne.type 1}}style="color:#fff;background-color:#92d598"{{/IF_EQ}}{{#IF_EQ lastOne.type 4}}style="color:#fff;background-color:#e55a5b"{{/IF_EQ}}>结束</span>
                &lt;%&ndash;<span class="exam-name">{{#if real_name}}{{real_name}}{{else}}待处理{{/if}}</span>&ndash;%&gt;
                </span>
            </div>
        </script>--%>
    <script type="text/x-handlebars-template" id="process_line_tpl">
        <div class="top-exam" style="height:160px">
            <span class="line-circle" style="margin-left: 0; width: 0%;">
                <span class="exam-circle" style="border:none; background-color: #1c80f1; width: 10px; height: 10px"></span>
                <span class="exam-name" style="left: -28px; bottom: -8px">开始</span>
            </span>
            {{#each flowList}}
            <span class="line-circle" style="margin-left: 0; width: 15%;">
            <span class="exam-line" style="background-color:#bfbfbf;height:2px; {{#IF_EQ type 1}}background-color:#1c80f1;height:4px;{{/IF_EQ}}{{#IF_EQ type 2}}background-color:#e22b44; height:2px"{{/IF_EQ}}"></span>
            <span class="exam-circle"
                  style="border: none; background-color:#bfbfbf; width: 10px; height: 10px;{{#IF_EQ type 1}}background-color: #1c80f1; width: 10px; height: 10px;{{/IF_EQ}}{{#IF_EQ type 0}}background-color:#bfbfbf; width: 10px; height: 10px;{{/IF_EQ}}{{#IF_EQ type 2}}background-color: #e22b44;width: 15px; height: 15px;{{/IF_EQ}}{{#lastStepIsRefused ../this @index}}background-color: #e22b44;{{/lastStepIsRefused}}{{#if isDisplay}}width: 15px; height: 15px;{{/if}}">
                {{#if DURATION_}}
            <span class="exam-word">
                <div style="display: inline-block;">
                <div class="exam-word-name" style="font-weight: bold">{{username}}</div>
                <div class="exam-word-duration">耗时{{DURATION_}}</div>
                </div>
                <div class="exam-word-status"><span class="exam-word-status-circle"></span>{{#IF_EQ type 1}}{{#if isDisplay}}未响应{{else}}已通过{{/if}}{{/IF_EQ}}{{#IF_EQ type 2}}被退单{{/IF_EQ}}{{#IF_EQ type 4}}被拒绝{{/IF_EQ}}</div>
            </span>
            {{/if}}
            </span>
            <span class="exam-name" style="font-size: 16px; color:#666666; {{#if isDisplay}}font-weight: bold;{{/if}}">{{node_name}}</span>
            <span class="exam-name" style="bottom: -42px; color: #999999;">{{username}}</span>
            <span class="exam-name" style="bottom: -90px;{{#if ../isRetrial}}{{#if isDisplay}}bottom: -71px;{{/if}}{{/if}}
    color: #999999;
    white-space: initial;
    width: 92px;
    line-height: 20px;
    font-size: 14px">{{END_TIME_}}{{#if ../isRetrial}}{{#if isDisplay}}<a class="call" style="cursor: pointer"
                                                                          data-user_id="{{user_id}}">催一下</a>{{/if}}{{/if}}</span>
            </span>
            {{/each}}
        </div>
    </script>


</div>
<script type="text/x-handlebars-template" id="operationRecord_list_tpl">


    {{#if content.nodeRecordList.[0]}}
    <%--<div class="public-content-title ">
        <span style="display:block; line-height:60px;">审批记录：</span>
    </div>--%>
    {{#each content.nodeRecordList}}
    <div id="build">
        <form id="target" class="form-horizontal">
            <fieldset class="form_myself">
                <div style="overflow: hidden;">
                    <div header="legend" class="component">
                        <legend class="leipiplugins-orgvalue category-title">{{node_name}}
                            <%--<div class="mess-reply  " style="margin-top: 10px">
                                <i class="iconfont icon-luruxinxi"></i>
                                留言回复(0)
                            </div>--%>
                        </legend>
                    </div>
                </div>
                {{#each datas}}
                {{#IF_NEQ defineType 'textarea'}}
                <div class="control-group component span3">
                    <label class="control-label leipiplugins-orgname"><span
                            class="orgnameChild">{{fixed_name}}</span></label>
                    {{#IF_EQ type 3}}
                    {{#IF_EQ record_value 0}}
                    <div class="controls leipiplugins-orgvalue">
                        （未上传）
                    </div>
                    {{else}}
                    <div class="controls leipiplugins-orgvalue">
                        （已上传）
                    </div>
                    {{/IF_EQ}}
                    {{else}}
                    <div class="controls leipiplugins-orgvalue">
                        {{#if record_value}}{{#re record_value type fixed_key ../../../../../loanType
                        ../../../../../repaymentWay ../../../../../applyTerm ../../../../../loanMethod
                        ../../../../../orderSource}}{{/re}}{{else}}未填写{{/if}}
                    </div>
                    {{/IF_EQ}}
                </div>
                {{/IF_NEQ}}
                {{/each}}

                {{#each datas}}
                {{#IF_EQ defineType 'textarea'}}
                <div class="control-group component span12">
                    <label style='width: 20%; max-width: 20%; height: 400px; overflow-y: auto; padding: 180px 0'
                           class="control-label leipiplugins-orgname"><span
                            class="orgnameChild">{{fixed_name}}</span></label>
                    <div style='width: 80%; height: 400px; overflow-y: auto ' class="controls leipiplugins-orgvalue">
                        {{#if record_value}}{{#re record_value type fixed_key ../../../../../loanType
                        ../../../../../repaymentWay ../../../../../applyTerm ../../../../../loanMethod
                        ../../../../../orderSource}}{{/re}}{{else}}未填写{{/if}}
                    </div>
                </div>
                {{/IF_EQ}}
                {{/each}}

                <div class="control-group component span12">
                    <label style='width: 20%; max-width: 20%;' class="control-label leipiplugins-orgname"><span
                            class="orgnameChild">提交备注</span></label>
                    <div style='width: 80%;' class="controls leipiplugins-orgvalue">{{remark}}</div>
                </div>
            </fieldset>
        </form>
    </div>
    {{/each}}
    {{/if}}
</script>

<script type="text/x-handlebars-template" id="loanType_content_tpl">
    <option>请选择</option>
    {{#each .}}
    <option data-id="{{id}}" {{#IF_EQ id ../real_data}}selected{{/IF_EQ}}>{{ltName}}</option>
    {{/each}}
</script>


<script type="text/x-handlebars-template" id="repanymentWay_content_tpl">
    <option>请选择</option>
    {{#each .}}
    <option data-id="{{id}}">{{re_name}}</option>
    {{/each}}
</script>


<script type="text/x-handlebars-template" id="applyTerm_content_tpl">
    <option>请选择</option>
    {{#each .}}
    <option data-id="{{id}}" data-num="{{num}}">{{atName}}</option>
    {{/each}}
</script>


<script type="text/x-handlebars-template" id="orderSource_content_tpl">
    <option>请选择</option>
    {{#each .}}
    <option data-id="{{id}}">{{osName}}</option>
    {{/each}}
</script>


<script type="text/x-handlebars-template" id="loanMethod_content_tpl">
    {{#each .}}
    <label style="margin-right: 5px;"><input type="radio" name="loanMethod" value="{{loan_method_id}}"
                                             style="width: 15px">&nbsp;&nbsp;{{name}}</label>
    {{/each}}
</script>